<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <link rel="icon" href="./img/logo2.png"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>AbsVisualizer-首页</title>
    <link rel="stylesheet" href="./css/lbt.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/sharing.css">
    <link rel="stylesheet" href="./css/business.css">
    <link rel="stylesheet" href="./css/product.css">
    
    <script src="./js/nav.js"></script>
    <script src="./js/lbt.js"></script>
    <script src="./js/business.js"></script>
    
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .div1{
            box-shadow: black 0 0 20px;
            background-color: rgb(238, 238, 238);
            margin-top: 950px;
            padding: 120px 5%;
            width: 90%;
        }
        .div2{
            box-shadow: black 0 0 20px;
            background-color: rgb(31, 92, 243);
            padding: 120px 5%;
            padding-bottom: 260px;
            height: 500px;
            width: 90%;
        }
        .div3{
            background-color: #383838;
            padding: 60px 5%;
            width: 90%;
        }
        .logodiv{
            width: 500px;
            margin: 0 auto;
        }
    </style>
    
    <script>
        
    </script>
</head>
<body>
    <nav>
        <a class="nav-a1 businesslev" href="book.html">创业计划书</a>
        <a class="businesslev" href="./product.html">产品服务</a>
        <a class="navbusniess" href="./business.html">商务合作</a>
        <a class="active businesslev" href="">首页</a>
        <img src="./img/xtu.png">
    </nav>

    <div class="businessbox">
        <a href="./business1.html" target="_blank"><div class="business business1">AR职业教育</div></a>
        <a href="./business2.html" target="_blank"><div class="business business2">AR融合出版</div></a>
        <a href="./business3.html" target="_blank"><div class="business business3">AR智慧工业</div></a>
        <a href="./business4.html" target="_blank"><div class="business business4">AR数字化展厅</div></a>
    </div>

    <div class="banner lbt">
        <div class="imgBox">
            <img class="img-slide img1" src="img/banner1.jpg" alt="1">
            <img class="img-slide img2" src="img/banner2.jpg" alt="2">
            <img class="img-slide img3" src="img/banner3.jpg" alt="3">
            <img class="img-slide img4" src="img/banner4.jpg" alt="4">
        </div>
    </div>

    <div class="div1">
        <div class="header1">
            <div class="title">商务合作</div>
            <div class="subtitle">Business</div>
        </div>
        
        <a href="./business.html"><div class="more">
            MORE
        </div></a>
        
        <div class="busniessdiv">
            <a target="_blank" href="./business1.html"><div class="busniessimgdiv"><img src="./img/business1.jpg"></div></a>
            <a target="_blank" href="./business2.html"><div class="busniessimgdiv"><img src="./img/business2.jpg"></div></a>
            <a target="_blank" href="./business3.html"><div class="busniessimgdiv"><img src="./img/business3.jpg"></div></a>
            <a target="_blank" href="./business4.html"><div class="busniessimgdiv"><img src="./img/business4.jpg"></div></a>
        </div>
    </div>

    <div class="div2">
        <div class="header2">
            <div class="title title2">产品服务</div>
            <div class="subtitle subtitle2">Products</div>
        </div>
        <a href="./product.html"><div class="more">
            MORE
        </div></a>
        <div class="div2body">
            <div class="productindex">
                <div class="linebox">
                    <div class="line line1"></div>
                    <div class="line line2"></div>
                    <div class="line line3"></div>
                    <div class="line line4"></div>
                    <div class="line line5"></div>
                    <div class="line line6"></div>
                </div>
                <div class="indexbox">
                    <div class="index index1">01</div>
                    <div class="index index2">02</div>
                    <div class="index index3">03</div>
                    <div class="index index4">04</div>
                    <div class="index index5">05</div>
                    <div class="index index6">06</div>
                </div>
            </div>
            <div class="productbox">
                <a target="_blank" href="./product1.html"><div class="product product1">
                    <div  class="productimg productimg1"><img src="./img/product1.jpg"></div>
                    <div class="producttext producttext1">
                        <div class="productheader productheader1">远程协助系统</div>
                        <div class="productbody productbody1">
                            远程协助系统通过H5链接进行内容分发，包括操作端和查看端两个不同链接，
                            用户可在操作端对网页模型进行交互操作、标注，并实时同步至展示端，通过三维模型展示产品细节，
                            帮助用户更好理解产品结构，节约企业沟通成本。
                        </div>
                    </div>
                </div></a>
                <a target="_blank" href="./product2.html"><div class="product product2">
                    <div  class="productimg productimg2"><img src="./img/product2.jpg"></div>
                    <div class="producttext producttext2">
                        <div class="productheader productheader2">融媒体编辑器</div>
                        <div class="productbody productbody2">
                            融媒体编辑器是AbsVisualizer推出的全新一代内容制作工具，
                            满足用户使用移动设备快速在现有的培训资料、产品使用手册等传统内容中添加融媒体资源，
                            包括音视频、文本、三维模型、链接、图片等多种资源类型，形成通过链接快速传播的AR资料，
                            降低企业用户的成本，提高获取知识和服务的效率。
                        </div>
                    </div>
                </div></a>
                <a target="_blank" href="./product3.html"><div class="product product3">
                    <div  class="productimg productimg3"><img src="./img/product3.jpg"></div>
                    <div class="producttext producttext3">
                        <div class="productheader productheader3">全息产品</div>
                        <div class="productbody productbody3">
                            全息产品是AbsVisualizer科技结合AR增强现实技术以及数字化技术，将三维模型以更为立体的形式在现实空间呈现，
                            通过移动设备与AR软件投屏至大屏设备，借助语音控制实现人机交互，为用户带来沉浸式的全新体验及视觉效果 。
                        </div>
                    </div>
                </div></a>
                <a target="_blank" href="./product4.html"><div class="product product4">
                    <div  class="productimg productimg4"><img src="./img/product4.jpg"></div>
                    <div class="producttext producttext4">
                        <div class="productheader productheader4">桌面三维手势交互一体机</div>
                        <div class="productbody productbody4">
                            桌面三维手势交互一体机是AbsVisualizer科技利用先进的计算机虚拟技术，将三维产品跳出屏幕融入真实世界的硬件设备，
                            同时加入加入手势识别，解放受众双手，降低交互的学习成本，带来沉浸式的体验感。
                            在产品推介、结构讲解等方面的应用，更能吸引使用者眼球，解决了传统三维产品演示形式过于单一、无法专注的痛点。
                        </div>
                    </div>
                </div></a>
                <a target="_blank" href="./product5.html"><div class="product product5">
                    <div  class="productimg productimg5"><img src="./img/product5.jpg"></div>
                    <div class="producttext producttext5">
                        <div class="productheader productheader5">4D书城</div>
                        <div class="productbody productbody5">
                            “4D书城”是AbsVisualizer科技推出的增强现实教育平台APP，是中国科协推荐品牌，
                            「科普中国」传播矩阵成员，国内首创集成AR & VR的少儿教育娱乐内容平台APP，
                            400万家庭科普学习首选。“4D书城”涵盖了丰富的资源内容，不仅创新了传统纸媒的展现形式，还提升了用户的阅读体验。
                        </div>
                    </div>
                </div></a>
                <a target="_blank" href="./product6.html"><div class="product product6">
                    <div  class="productimg productimg6"><img src="./img/product6.jpg"></div>
                    <div class="producttext producttext6">
                        <div class="productheader productheader6">梦想编辑器</div>
                        <div class="productbody productbody6">
                            梦想编辑器是由AbsVisualizer科技出品的一款适用于出版编辑人员的基于ISLI国家标准的增强现实（AR）应用制作工具。
                            编辑器拥有常用出版物制作模板和海量AR素材资源，制作人员无须了解专业编程知识，即可运用模板为纸质图书叠加多种数字资源，
                            使出版物呈现出AR视觉效果，并快速发布到移动端平台。
                        </div>
                    </div>
                </div></a>
            </div>
        </div>
    </div>

    <div class="div3">
        <div class="logodiv">
            <img src="./img/logo.png">
        </div>
    </div>
</body>
</html>